@media (max-width: 1400px) { /* Tablets */
	h1 {
		font-size: 25px;
		transition: all 1s;
	}
	p,li{
		font-size: 17px;
		transition: all 1s;
	}
	.main {
		height: 200px;
	}
	.about {
		width: 800px;
	}
	.links {
		width: 700px;
	}
}
@media screen and (max-width: 1080px) { /* Smartphones */
	h1 {
		font-size: 26px;
		transition: all 1s;
	}
	p,li {
		font-size: 18px;
		transition: all 1s;
	}
	.main {
		min-height:400px;
	}
	.about {
		width: 250px;
	}
	.links {
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		flex-direction: column;
		text-align: center;
		height: 115px;
	}
}
